<html>
    <link rel="stylesheet" type="text/css" href="./scripts/commonstyle.css">
    <style>
        
        #bigtitle,#name{
            color:var(--frontColor);
            opacity: 0;
            animation-duration: 1s;
            position:absolute;
            text-align: center;
            animation-fill-mode:both;
            width: 100%;
            height: 30%;
        }
        #bigtitle{
            animation-delay: 1s;
            font-size: 80px;
            animation-name: showFromDown;
            top: 30%;
        }
        #name{
            top:50%;
            animation-delay: 2s;
            animation-name: showFromDown;
            font-size: 30px;
        }
        #press{
            position:absolute;
            width: 100%;
            height: 30%;
            bottom: 10%;
            color:var(--hotColor);
            opacity: 0;
            animation-delay: 3s;
            animation-duration: 2s;
            animation-name: show;
            text-align: center;
            font-size:20px;
            font-weight: lighter;
            animation-fill-mode: both;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            
        }
    </style>
    <head>
        <title>计算机导论大作业</title>
    </head>
    <script>
        function jump(){
            location.href="./pages/main.html";
        }
    </script>
    <body onclick="jump()">
        <div class=background></div>
        <div id="bigtitle">计算机导论大作业</div>
        <div id="name">计算机006 何浩源 2203613031</div>
        <div id="press">鼠标按下以继续</div>
       
        
    </body>
</html>